//定义懒加载插件
import { useIntersectionObserver } from '@vueuse/core'

export const myPlugin = {
  install(app) {
    // 配置此应用
    //注册全局自定义指令
app.directive('lazy-img', {
  mounted(el,binding){
    //el 指令绑定的元素  img ： binding 绑定的value值 ，url
  const {stop} =   useIntersectionObserver(
      el,
      ([{ isIntersecting }],) => {

        //进入视口区域
       if(isIntersecting) {
        el.src = binding.value
       }
       stop
      },
    )
  }
})
  }
}